<template>
  <div class="setting-menu-item">
    <ul>
      <li v-for="(item,index) in items" :key="index">
        {{item}}
        <p> > </p>
      </li>

    </ul>
  </div>
</template>

<script>
    export default {
        name: "SettingMenuItem",
        props:{
            items:{
                type:Array,
                default(){
                    return[]
                }
            }
        }
    }
</script>

<style scoped>
  .setting-menu-item{
    width: 80%;
    margin: 0 auto;
  }

  ul{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  li{
    line-height: 35px;
  }

  li p{
    font-weight: 600;
    display: inline;
    float: right;
  }

</style>